@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px; border:0px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; color:#333333; font-size:14px; width:100%; background: url(../images/bg.png) repeat-y 50% 0, #f9f9f9;}
a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#333333; font-size:16px;}
a:hover{ text-decoration:none !important;}
*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/
li{ list-style:none;}
.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important; line-height:0 !important; position:relative !important; }
input:focus{ outline: none;}/*去除按钮选中的高亮标签*/
textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/
button:focus{ outline: none;}/*去除按钮选中的高亮标签*/
select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/
img{ max-width:100% !important; vertical-align: middle;}
div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}
input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#4d4d4d; font-size:12px;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#4d4d4d; font-size:12px;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#4d4d4d; font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}
.hover:hover{cursor: pointer}

/*黑白照片*/
.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.gray:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}
/*圆角5px*/
.radius5{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
/*圆角10px*/
.radius10{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}
/*图片变大*/
.tra .imgs{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    filter: scale(1);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
.tra:hover .imgs{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: scale(1.15);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}
/*透明度50%*/
.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}

.shadow5{
    -webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
    box-shadow:rgba(0,0,0,0.13) 5px 5px 5px;
}

.shadow10{
    -webkit-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    -moz-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    -ms-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    -o-box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
    box-shadow:rgba(0,0,0,0.13) 5px 5px 10px;
}

/*手机端悬浮电话号码*/
.mobile-tel{
    position: fixed;
    bottom: 0px;
    background: #f28424;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    border-radius: 3px;
    width: 100%;
}
.mobile-tel img{
    width: 16px;
    margin-right:10px;
}
.mobile-tel a{ font-size:18px; color:#FFFFFF;}

.moTop{ width:100%; padding:0 30px; height:60px; display:flex; align-items:center; justify-content:space-between; background:#FFFFFF;   z-index: 999; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
.moTop .moLogo{height: 45%;}
.moTop .moMenuOpen{ height: 40%;}

.moMenuBox{ width:100%; display:none; background:rgba(0, 0, 0,0.2); height:100vh; position: fixed; z-index: 999999999; top: 0;}
.moMenu{ width:70%; background:#ffffff; padding:0 20px; display:flex; flex-direction:column; align-items:center; height:100vh; position:fixed; z-index:999999; top:0; left:-60%;}

.moDropLogo{ display:inline-block; margin:30px 0;}
.moDropLogo img{ height:30px;}

#closeMoMenu{ height:20px;}

.moDrop{ width:100%; display:flex; flex-direction:column;}
.moDrop .yiji{ width:100%;}
.moDrop .yiji .yijiTitle{ width:100%; display:flex; justify-content:left; position:relative; border-bottom:#00788b solid 1px;}
.moDrop .yiji .yijiTitle .yijiTitleText{ display:flex; line-height:3em; text-align:center; font-size:18px; color:#00788b;align-items: center}
.moDrop .yiji .yijiTitle .yijiTitleText>img{width: 1.5em;height: 1.5em;margin-right: 10px }
.moDrop .yiji .yijiTitle .yijiTitleIcon{ position:absolute; right:0px; top:50%; height:0; display:flex; align-items:center; justify-content:flex-end;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img{ cursor:pointer; height:10px;}
.moDrop .yiji .yijiTitle .yijiTitleIcon img:nth-child(2){ display:none;}
.moDrop .yiji.on{}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(1){ display:none;}
.moDrop .yiji.on .yijiTitle .yijiTitleIcon img:nth-child(2){ display:block;}

/*.moDrop .yiji.on .erjiDrop{ display:block;} */
.erjiDrop{ width:100%; display:none;}
.moDrop .yiji.on .erjiDrop{ border-bottom:rgba(255,255,255,0.50) solid 1px;}
.erjiDrop .erji{ width:100%;}
.erjiDrop .erji .erjiTitle{ width:100%; position:relative; display:flex; align-items:center; justify-content:left;padding-left: 20px}
.erjiDrop .erji .erjiTitle .erjiTitleText{ line-height:2em; font-size:14px; color:#00788b; display:block; border-bottom:#00788b solid 1px;margin-bottom: 5px;padding-bottom: 5px}
.erjiDrop .erji .erjiTitle .erjiTitleIcon {
    position: absolute;
    width: 18px;
    right: 0px;
    top: 50%;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img{ cursor:pointer;}
.erjiDrop .erji .erjiTitle .erjiTitleIcon img:nth-child(2){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon{}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(1){ display:none;}
.erjiDrop .erji.on .erjiTitle .erjiTitleIcon img:nth-child(2){ display:block;}

/*.erji.on .sanjiDrop{ display:block;}*/
.sanjiDrop{ width:100%; display:none; border-bottom:rgba(256,256,256,0.5) solid 1px;}
.sanjiDrop a{ display:inline-block; font-size:14px; width:100%; line-height:2em;padding-left: 40px; text-align:left; width:100%; background:url(../images/icon28.png) no-repeat calc(100% - 45px) 50%; color:#00788b;}

/*#closeMoMenu{ position:absolute; width:30px; right:-40px; top:30px;}*/

.moMenuBottom{ width:100%; display:flex; justify-content:center; align-items:center;}
.moMenuBottom img{ margin:25px 10px;}

.otherBox{ width: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 21474836475; display:none; justify-content: center; align-items: center; height: 100%;}

.other{ width:80%; display:none;}

.moSearch{ align-items:center; justify-content:space-between; padding:0px 0; margin:0px auto 0 auto; background:#FFFFFF;}
.moSearch input[type='text']{ height:60px; width:100%; padding:0 15px; background:none; border-bottom:#FFFFFF solid 1px;}
.moSearch input[type='submit']{ background:url(../images/t1.png) no-repeat 50%; height:60px; width:60px; flex-shrink:0;}

.moLeng{ justify-content:center; align-items:center; flex-direction: column; margin: 0 auto;}
.moLeng a{ font-size:18px; color:#FFFFFF; margin:25px 15px;}
.moLeng a.on{ color:#eb7404;}

#main{ width:100vw;}

.w1{ width:90%; margin:0 auto; max-width:1500px;}

.imgs{ width:100%; height:100%; position: absolute; left:0; top:0; object-fit:cover;}


.top{ position:relative;  background:#FFFFFF; z-index:99999; }

.topNei{ padding:0 60px; display:flex; justify-content:space-between; align-items:center; height: 70px;}
.topNei .topLogo{}
.topNei .topRight{ display:flex; align-items:center;}

.topMenu{ display:flex;}
.topMenu .topMenuXun{ margin:0 50px 0 0;}
.topMenu .topMenuXun .topMenuTitle{ display:block; padding:0 10px; line-height:66px; text-align:center; border-bottom:#FFFFFF solid 4px; font-size:18px; color:#333333;}
.topMenu .topMenuXun.on .topMenuTitle{ border-bottom:#008da8 solid 4px; color:#008da8;}
.topMenu .topMenuXun:hover .topMenuTitle{ border-bottom:#008da8 solid 4px; color:#008da8;}
.topMenu .topMenuXun .topMenuXunBox{ display:none;}
.topMenu .topMenuXun .topMenuBg{ width:100%; height:100vh; position:absolute; top:140px; left:0; z-index:9999; background: url(../images/d1.png) no-repeat 50% 0;}
.topMenu .topMenuXun .topMenuBox{ width:90%; max-width:1320px; position:absolute; top:160px; left:50%; z-index:99998; transform:translateX(-50%);}
.topMenu .topMenuXun .topMenuBox .topDownTitle{ font-size:34px; color:#FFFFFF; font-weight:bolder; line-height:66px;}
.topMenu .topMenuXun .topMenuBox .topDown{ display:flex;}

.productDown .topDown{ justify-content:space-between;}
.mallDown .topDown{ justify-content:space-between;}
.pdXxk{ display:flex; flex-direction:column; width:calc( 100% / 3 - 40px);}
.pdXxk a{ display:flex; justify-content:space-between; align-items:center; padding:0 20px; background:rgba(255,255,255,0.10); height:70px;}
.pdXxk a span{ font-size:22px; color:#FFFFFF;}
.pdXxk a img{ opacity:0;}
.pdXxk a:hover{ background:rgba(14,146,155,0.6);}
.pdXxk a:hover img{ opacity:1;}
.pdXxk a.on{ background:rgba(14,146,155,0.6);}
.pdXxk a.on img{ opacity:1;}

.productDown .pdOptBoxWai{ width:calc( 100% / 3 * 2 - 15px);}
.productDown .pdOptBox{ display:flex; flex-wrap:wrap;}
.productDown .pdOptBox .pdOptItem{ width:calc( 25% - ( 17px * 3 / 4)); border:rgba(255,255,255,0.10) solid 1px; margin-bottom:33px; margin-left:17px;}
.productDown .pdOptBox .pdOptItem:nth-child(4n+1){ margin-left:0;}
.productDown .pdOptBox .pdOptItem .pdOptTop{ background:rgba(255,255,255,0.10); line-height:40px; text-align:center; color:#FFFFFF; font-size:16px;}
.productDown .pdOptBox .pdOptItem .pdOptTop a{ font-size:14px;}
.productDown .pdOptBox .pdOptItem .pdOptBot{ padding:0 10px; display:flex; flex-direction:column; max-height: 150px; overflow: auto;}
.productDown .pdOptBox .pdOptItem .pdOptBot a{ font-size:14px; color:#FFFFFF; line-height:30px; white-space:pre; overflow:hidden; text-overflow: ellipsis;height: 30px; flex-shrink: 0;}

.mallDown .pdOptBoxWai{ width:calc( 100% / 3 * 2 + 75px);}
.mallDown .pdOptBox{ display:flex; flex-wrap:wrap;}
.mallDown .pdOptBox .pdOptItem{ width:calc( 25% - ( 17px * 3 / 4)); border:rgba(255,255,255,0.10) solid 1px; margin-bottom:33px; margin-left:17px;}
.mallDown .pdOptBox .pdOptItem:nth-child(4n+1){ margin-left:0;}
.mallDown .pdOptBox .pdOptItem .pdOptTop{ background:rgba(255,255,255,0.10); line-height:40px; text-align:center; color:#FFFFFF; font-size:16px;}
.mallDown .pdOptBox .pdOptItem .pdOptTop a{ font-size:14px;}
.mallDown .pdOptBox .pdOptItem .pdOptBot{ padding:0 10px; display:flex; flex-direction:column; max-height: 150px; overflow: auto;}
.mallDown .pdOptBox .pdOptItem .pdOptBot a{ font-size:14px; color:#FFFFFF; line-height:30px; white-space:pre; overflow:hidden; text-overflow: ellipsis;height: 30px; flex-shrink: 0;}


.classDown{ justify-content:space-between;}
.classDown .tdOptBox{ width:calc( 100% / 3 * 2 - 15px);}
.classDown .tdOptBox .tdOptItem{ display:none; background:rgba(255,255,255,0.10);}
.classDown .tdOptBox .tdOptItem .tdOptImg{ width:420px; position:relative; overflow:hidden; flex-shrink:0;}
.classDown .tdOptBox .tdOptItem .tdOptImg:before{ padding-top:calc( 100% * 280 / 420); display:block; content:'';}
.classDown .tdOptBox .tdOptItem .tdOptRight{ width:100%; padding:20px 40px;}
.classDown .tdOptBox .tdOptItem .tdOptRight .tdOptTitle{ font-size:20px; color:#FFFFFF; margin-bottom:20px;}
.classDown .tdOptBox .tdOptItem .tdOptRight .tdOptSmall{ font-size:16px; color:#FFFFFF; line-height:30px; text-align:justify;}

.knowledgeDown{ display:flex; flex-wrap:wrap;}
.knowledgeDown a{ display:block; padding:0 20px; background:rgba(255,255,255,0.10); height:70px; color:#FFFFFF; line-height:70px; width:calc( 100% / 3 - ( 60px * 2 / 3)); margin-left:40px; font-size:22px;}
.knowledgeDown a:nth-child(3n+1){ margin-left:0;}
.knowledgeDown a:hover{ background:rgba(14,146,155,0.6); color:#FFFFFF;}

.voiceDown{ justify-content:space-between;}
.voiceDown .tdOptBox{ width:calc( 100% / 3 * 2 - 15px);}
.voiceDown .tdOptBox .tdOptItem{ display:none; background:rgba(255,255,255,0.10);}
.voiceDown .tdOptBox .tdOptItem .tdOptImg{ width:420px; position:relative; overflow:hidden; flex-shrink:0;}
.voiceDown .tdOptBox .tdOptItem .tdOptImg:before{ padding-top:calc( 100% * 280 / 420); display:block; content:'';}
.voiceDown .tdOptBox .tdOptItem .tdOptRight{ width:100%; padding:20px 40px;}
.voiceDown .tdOptBox .tdOptItem .tdOptRight .tdOptTitle{ font-size:20px; color:#FFFFFF; margin-bottom:20px;}
.voiceDown .tdOptBox .tdOptItem .tdOptRight .tdOptSmall{ font-size:16px; color:#FFFFFF; line-height:30px; text-align:justify;}

.topForm{ border: 1px solid rgba(0,141,168,0.9); display:flex; align-items:center; height:45px; width:400px;}
.topForm .topFormSearch{ display:flex; align-items:center; width:100%; padding:0 20px;}
.topForm .topFormSearch input[type="text"]{ width:100%; padding-right:15px; font-size:16px; color:#008da8; width:100%; padding:0 12px}
.topForm .topFormSearch input[type="submit"]{ width:20px; background:url(../images/t1.png) no-repeat 50%; cursor:pointer; flex-shrink:0;}

.topTel{ padding-left:35px; display:flex; align-items:center; background:url(../images/t2.png) no-repeat 0px 50%/auto 20px; font-size:16px; font-weight:bolder; color:#008da8;}

.zxfwrx{
    padding-left: 35px;
    display: flex;
    align-items: center;
    background: url(../images/t2.png) no-repeat 10px 50%/auto 20px,#FFFFFF;
    font-size: 13px;
    font-weight: bolder;
    color: #008da8;
    position: fixed;
    bottom: 5%;
    left: 0;
    z-index: 99999;
    box-shadow: rgba(0,0,0,0.13) 0 0 10px;
    padding: 10px 35px 10px 45px;
    display: none;
}


.topXunwen{ width:120px; line-height:40px; background:#fe7415; color:#FFFFFF; font-size:16px; border-radius:40px; border-bottom-left-radius:0; text-align:center;}

.topNotLogin{ margin-left:30px; border:#008da8 solid 1px; height:40px; display:flex; border-radius:40px; align-items:center;}
.topNotLogin a{ padding:0 20px; font-size:16px; color:#008da8;}
.topNotLogin span{ font-size:16px; color:#008da8;}

.topYesLogin{ display:flex; align-self:center; margin-left:40px; height:70px; position:relative; cursor:pointer;}
.topYesLogin .topYesLoginTop{ display:flex; align-items:center;}
.topYesLogin .topYesLoginTop img{}
.topYesLogin .topYesLoginTop span{ margin:0 10px;}
.topYesLogin .topYesLoginTop i{ color:#008da8; font-size:16px; font-weight:bolder;}
.topYesLogin .topYesLoginDown{ display:none; flex-direction:column; position:absolute; top:70px; left:50%; transform:translateX(-50%); width:126px; box-shadow:rgba(114,114,114,0.3) 0 5px 5px; z-index:9999999999; background:#fff;}
.topYesLogin:hover .topYesLoginDown{ display:flex;}
.topYesLogin .topYesLoginDown a{ text-align:center; line-height:70px; border-bottom:#d2d2d2 solid 1px; font-size:16px;}
.topYesLogin .topYesLoginDown a:hover{ color:#008da8;}

{}

.tanchuang{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.51); display:none; justify-content:center; align-items:center; z-index:99999; overflow:hidden;}

.tcBox{ background:#FFFFFF; border-radius:10px; position:relative; transform:translateY(-50px); transition:all ease 0.75s;}
.tcBox.on{ transform:translateY(0); opacity:1;}

.wszl{ max-width:600px; width:90%;}
.wszl1{ text-align:center; font-size:32px; font-weight:bolder; margin:45px 0 25px;}
.wszl2{ text-align:center; font-size:18px;}
.wszl3{ width:200px; height:56px; background:#ee7624; border-radius:56px; display:flex; align-items:center; justify-content:center; margin:65px auto 75px;}
.wszl3 span{ font-size:18px; color:#FFFFFF; margin-right:10px;}
.wszl3 i{ font-size:20px; color:#FFFFFF;}

.closeTc{ position:absolute; right:20px; top:15px; cursor:pointer;}

{}

.cebian{ position: fixed; right:0; top:45%; z-index:999999; cursor:pointer; width:80px; display:flex; flex-direction:column;}
.cebian li{ margin:1px 0;}

.win1320{ width:90%; max-width:1320px; margin:0 auto;}

{}

.footer{ width:100%; padding-top:115px; background:url(../images/f1.png) no-repeat 50% 0; overflow:hidden;}

.fo1{ display:flex; justify-content:space-between; margin-bottom:60px;}
.fo1 .foLeft1{ width:260px;}
.fo1 .foLeft1 .foLeft11{ margin-bottom:25px;}
.fo1 .foLeft1 .foLeft12{ display:table; font-size:14px; line-height:24px; color:#d8e1e3;}
.fo1 .foLeft1 .foLeft12 .foLeftRow12{ display:table-row;}
.fo1 .foLeft1 .foLeft12 .foLeftRow12 .foLeftCol121{ display:table-cell; padding:8px 0; width:35px;}
.fo1 .foLeft1 .foLeft12 .foLeftRow12 .foLeftCol122{ display:table-cell; padding:8px 0; width:40px; white-space:pre;}
.fo1 .foLeft1 .foLeft12 .foLeftRow12 .foLeftCol123{ display:table-cell; padding:8px 0;}

.fo1 .foCenter1{ display:flex;width: calc(100% - 260px); justify-content: end;}
.fo1 .foCenter1>div{ display:flex; flex-direction:column; width: calc(100% / 4);padding-left: 30px}
.fo1 .foCenter1 div a{ font-size:12px; line-height:18px; color:#d8e1e3;padding: 5px 0px;display: block}
.fo1 .foCenter1 .topNav{ font-size:20px; color:#FFFFFF; margin-bottom:45px;padding-left: 25px}
.fo1 .foRight1{ display:flex; justify-content:space-between; width:234px; margin-top:30px;text-align: center;color:#d8e1e3 }

.fo1 .foCenter1 .son1 a{display: inline}
.fo1 .foCenter1 .son1>div{margin-bottom: 10px;color: #d8e1e3}
.fo1 .foCenter1 .action{margin-right: 10px;font-weight: bold;cursor: pointer;font-size: 12px}
.fo1 .foCenter1 .son2{margin-left: 20px;border-left: 1px solid #d8e1e3;display: none}
.fo1 .foCenter1 .son2 a{;display: block}


.fo2{ background:#018199;}
.fo2 .foNei2{ justify-content:space-between; align-items:center; height:60px; display:flex;}
.fo2 .foNei2 a{ font-size:12px; color:#FFFFFF;}

{}

.wzxy{ width:90%; max-width:1000px;}

.xzxyText{ overflow:auto; height:450px; margin-bottom:80px;}
.xzxyText .xzxyTextBox{ padding:0 30px 0px; font-size:16px; line-height:30px;}
.xzxyText::-webkit-scrollbar { /*滚动条整体样式*/ width:4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}
.xzxyText::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 4px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #bfbfbf;}
.xzxyText::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #fff;}

{}


.regBox{ margin:55px auto 110px; display:flex; background:#FFFFFF; border-radius:5px; overflow:hidden; box-shadow:rgba(0,120,139,.1) 0 0 15px;}
.regBox .regLeft{ width:calc( 100% * 600 / 1320);flex-shrink:0; background:url(../images/l3.jpg) no-repeat 50%/cover; display:flex; justify-content:center; align-items:center;}
.regBox .regRight{ width:100%; padding:40px 80px;}
.regBox .regRight .regRightTop{ display:flex; align-items:center; justify-content:space-between;}
.regBox .regRight .regRightTop .regName{ position:relative; font-size:22px; font-weight:bolder; line-height:30px;}
.regBox .regRight .regRightTop .regName:before{ width:100%; height:5px; background:#008fb4; border-radius:5px; position:absolute; left:0; top:30px; content:''; display:block;}
.regBox .regRight .regRightTop .regLink{ display:flex; align-items:center;}

.yyzh{ font-size:22px; color:#999999;}
.yyzhLink{ font-size:22px; color:#008fb4; border-bottom:#008fb4 solid 1px;}

.zhuce{ display:flex; flex-direction:column; align-items:center; font-size:20px; text-align:center; margin:80px auto 110px;}
.zhuce .zhuce1{ width:90%; max-width:260px;}
.zhuce .zhuce2{}

{}

.regForm{ width:100%; display:table; margin:60px 0 30px;}
.regForm .regFormRow{ display:table-row; position:relative;}
.regForm .regFormRow .regFormLeft{ display:table-cell; width:130px; vertical-align:middle; height:66px; font-size:18px;}
.regForm .regFormRow .regFormLeft span{ color:#ff4f67;}
.regForm .regFormRow .regFormRight{ display:table-cell; vertical-align:middle; height:66px; position:relative;}
.regForm .regFormRow .regFormRight .inp1{ width:100%; line-height:40px; padding:0 15px; border-radius:40px; border:#ededed solid 1px;}
.regForm input::-ms-input-placeholder{ font-size:16px; color:#c2c2c2;}
.regForm input::-webkit-input-placeholder{ font-size:16px; color:#c2c2c2;}
.regForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.regForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.regForm .regFormRow .regFormRight .codeBox{ height:40px; border-radius:40px; border:#ededed solid 1px; overflow:hidden; display:flex;}
.regForm .regFormRow .regFormRight .codeBox .codeInp{ width:100%; line-height:38px; padding:0 15px;}
.regForm .regFormRow .regFormRight .codeBox .getCode{ font-size:16px; line-height:38px; width:135px; text-align:center; cursor:pointer; border-radius:40px; background:#008da8; color:#FFFFFF; flex-shrink:0;}
.regForm .regFormRow .regFormRight .fwxy{ display:flex; align-items:center; position:absolute; left:-130px; top:50%; transform:translateY(-50%); cursor:pointer;}
.regForm .regFormRow .regFormRight .fwxy input[type="checkbox"]{ margin-right:8px;}
.regForm .regFormRow .regFormRight .inp2{ width:100%; line-height:60px; border-radius:40px; background:#008da8; color:#FFFFFF; cursor:pointer; font-size:18px; }

.xieyi{color: #008da8;font-weight: bold;margin: 0px 5px}
{}

.navWai{ position:relative; width:100%; height:0px; z-index:9999;}
.navWai .navBox{ width:100%; background:rgba(0,141,168,0.9);}
.navWai .navBox .navNei{ display:flex; align-items:center; height:60px;font-size:16px}
.navWai .navBox .navNei a{ color:#FFFFFF;font-size:16px}
.navWai .navBox .navNei a:hover{ color: #0d0d0d}
.navWai .navBox .navNei span{ color:#FFFFFF; margin:0 5px;}

.neibanner{ width:100%; position:relative;}
.neibanner .neibannerZhan{}
.neibanner .neibannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 480 / 1500);}
.neibanner .neibannerText{ height:100%; display:flex; justify-content:center; flex-direction:column; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%);}
.neibanner .neibannerText .neibannerText1{ font-size:48px; color:#FFFFFF; line-height:2em;}
.neibanner .neibannerText .neibannerText2{ font-size:24px; color:#FFFFFF;}

{}

.baseDetail{ width:900px; max-width:90%; position:relative; margin:175px auto 150px;}
.baseDetail .fenxiang{ position:absolute; left:-210px; top:210px; cursor:pointer;}
.baseDetail .fenxiang .fx{ display:flex; flex-direction:column; align-items:center; font-size:16px; text-align:center;}
.baseDetail .fenxiang .fx .fxIcon{ margin-bottom:15px;}
.baseDetail .fenxiang .fx .fxImg{}
.baseDetail .fenxiang .fxEr{ position:absolute; padding-left:75px; width:165px; top:45px; left:0; display:none;}
.baseDetail .fenxiang:hover .fxEr{ display:block;}

.baseDetail .title{ font-size:34px; line-height:54px;}
.baseDetail .small{ display:flex; align-items:center; margin:20px 0 15px;}
.baseDetail .small span{ margin-right:10px;}
.baseDetail .content{ font-size:18px; line-height:30px; border-top:#dcdcdc solid 1px; padding:50px 0;}

.downBox{ width:100%; padding:20px 35px; background:#eef8fa;}
.downBox .downTop{ font-size:24px; font-weight:bolder;}
.downBox .downLoad{}
.downBox .downLoad a{ display:flex; align-items:center; margin-top:24px;}
.downBox .downLoad a span{ display:block; width:100%; font-size:18px; line-height:30px; color:#008da8;}
.downBox .downLoad a img{ width:54px; flex-shrink:0; margin-left:25px;}

.back{ display:flex; justify-content:center; margin-top:45px;}
.back a{ width:200px; line-height:58px; border:#008da8 solid 1px; color:#008da8; font-size:18px; text-align:center; border-radius:60px; display:block;}

{}

.base{ background: url(../images/z1.png) no-repeat 50% 0/contain;  z-index:999; border-radius:10px; overflow:hidden;}
.base .base1{ width:100%; text-align:center; font-size:46px; font-weight:bolder; margin:30px 0 20px;}
.base .baseSearch{ width:90%; max-width:900px; display:flex; padding:4px; border:#008da8 solid 2px; align-items:center; background:#f2fdff; overflow:hidden; border-radius:100px; margin:0 auto 50px;}
.base .baseSearch input[type="text"]{ width:100%; padding:0 15px; line-height:50px; background:none;}
.base .baseSearch input[type="submit"]{ width:52px; height:52px; background:url(../images/z2.png) no-repeat 50%; cursor:pointer; flex-shrink:0;}

.base2{ font-size:36px; font-weight:bolder;}
.base3{ display:flex; flex-wrap:wrap; margin:30px 0px 0px; width:calc( 100% + 18px);}
.base3 a{ background:#ebebea; line-height:60px; white-space:pre; border-radius:5px; text-align:center; padding:0 25px; margin:0 9px 20px; font-size:20px;}
.base3 a.on{ background:#fe7415; color:#fff;}
.base3 a:hover{ background:#fe7415; color:#fff;}

.baseList{    display: grid;
    flex-wrap: wrap;
    width: 100%;
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;}
.baseList .baseListItem {
    /* width: calc( (100% / 3) - ( 20px * 2 / 3)); */
    /* margin: 0 6px; */
    /* margin-right: 10px; */
    margin-bottom: 10px;
    border: #b5b5b5 solid 1px;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    background: #FFFFFF;
}
.baseList .baseListItem .baseListImg{ width:150px;height: 115px; position:relative; overflow:hidden; flex-shrink:0; margin-right:10px; border-radius:5px;}
.baseList .baseListItem .baseListImg:before{ content:''; display:block; padding-top:100%;}
.baseList .baseListItem .baseListImg>img{height: 100%;object-fit: cover}
.baseList .baseListItem .baseListText{}
.baseList .baseListItem .baseListText .baseListTitle{ font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;margin-bottom: 10px }
.baseList .baseListItem .baseListText .baseDsc{ font-size:12px;line-height: 16px; height:32px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.baseList .baseListItem .baseListText .baseListMore{ display:flex; align-items:center; color:#008da8; font-size:16px; margin-top:20px;}
.baseList .baseListItem .baseListText .baseListMore span{ margin-right:10px;}

.fenye{ width:100%; display:flex; justify-content:center; align-items:center; margin:40px auto 90px; overflow:hidden; }
.fenye li{ margin:0 5px; border:#dddddd solid 1px; border-radius:50px; overflow:hidden;}
.fenye li a{ height:46px; line-height:46px; text-align:center; padding: 0 17px; min-width:46px; background:#FFFFFF; display:block; font-size:16px;}
.fenye li:hover{ background:#008da8; border:#008da8 solid 1px;}
.fenye li.on{ background:#008da8; border:#008da8 solid 1px;}
.fenye li:hover a{ background:#008da8; color:#FFFFFF;}
.fenye li.on a{ background:#008da8; color:#FFFFFF;}



/*cms框架分页*/
.pagination-block{ width:100%; margin:40px auto;display: flex;justify-content: center;align-items: center}
.pagination_info{margin: 0px 10px}
.pagination-block input{ border:#dddddd solid 1px;height:30px; line-height:30px;  padding: 5px 0px 5px 5px;width: 80px;border-radius: 3px}
.pagination{display: flex;justify-content: center;align-items: center}
.pagination li{ margin:0 5px; border:#dddddd solid 1px; border-radius:50px; overflow:hidden;}
.pagination .disabled{ margin:0 5px; border:#dddddd solid 1px; border-radius:50px; overflow:hidden;}
.pagination .disabled:hover{ background:#008da8; }
.pagination_jump a{ color: #008da8}
.pagination li a{ height:46px; line-height:46px; text-align:center; padding: 0 17px; min-width:46px; background:#FFFFFF; display:block; font-size:16px;}
.pagination li span{ height:46px; line-height:46px; text-align:center; padding: 0 17px; min-width:46px; background:#FFFFFF; display:block; font-size:16px;color: #ccc}
.pagination li:hover{ background:#008da8; border:#008da8 solid 1px;}
.pagination li.on{ background:#008da8; border:#008da8 solid 1px;}
.pagination li:hover a{ background:#008da8; color:#FFFFFF;}
.pagination li.on a{ background:#008da8; color:#FFFFFF;}


{}

.xunjiaBox{ width:100%; background:url(../images/bg3.jpg) no-repeat 50%/cover; overflow:hidden; padding:40px 0 200px; margin-bottom:-70px;}

.xj1{ display:flex; align-items:center; margin-bottom:15px;}
.xj1 img{ margin-right:5px;}
.xj1 a{ color:#FFFFFF;}
.xj1 span{ color:#FFFFFF; margin:0 8px;}

.xunjia{ border-radius:10px; background:#FFFFFF; overflow:hidden;}
.xunjia .xjTop{ background:url(../images/x1.jpg) no-repeat 50%/cover; height:320px;}
.xunjia .xj2{ width:100%; height:0; position:relative;}
.xunjia .xj2 .xjNei2{ margin-right:100px; bottom:-35px; right:100px; position:absolute; min-width:340px; padding:40px 35px 30px; border-radius:10px; background:#fe7415; color:#FFFFFF; display:flex; flex-direction:column;}
.xunjia .xj2 .xjNei2 .xjNei21{}
.xunjia .xj2 .xjNei2 .xjNei22{ font-size:46px; white-space:pre; font-weight:bolder;}
.xunjia .xj2 .xjNei2 .xjNei23{ font-size:18px; white-space:pre;}

.xunjiaForm{ width:90%; max-width:770px; display:table; margin:70px auto;}
.xunjiaForm .regFormRow{ display:table-row; position:relative;}
.xunjiaForm .regFormRow .regFormLeft{ display:table-cell; width:190px; vertical-align:middle; height:70px; font-size:18px;}
.xunjiaForm .regFormRow .regFormLeft span{ color:#ff4f67;}
.xunjiaForm .regFormRow .regFormRight{ display:table-cell; vertical-align:middle; height:70px; position:relative;}
.xunjiaForm .regFormRow .regFormRight .inp1{ width:100%; line-height:40px; padding:0 15px; border-radius:40px; border:#ededed solid 1px;}
.xunjiaForm input::-ms-input-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm input::-webkit-input-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}

.xunjiaForm textarea::-ms-input-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm textarea::-webkit-input-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm textarea::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.xunjiaForm textarea::-moz-placeholder{ font-size:16px; color:#c2c2c2;}

.xunjiaForm .regFormRow .regFormRight .inp5{ width:100%; height:135px; padding:10px; border-radius:10px; border:#ededed solid 1px; line-height:22px; font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei"; margin-bottom:20px;}
.xunjiaForm .regFormRow .regFormRight .inp2{ width:100%; line-height:60px; border-radius:40px; background:#008da8; color:#FFFFFF; cursor:pointer; font-size:18px; }

{}

.class{ margin-top:-85px; position:relative; z-index:999; border-radius:10px; background:#FFFFFF;}
.class .class1{ font-size:30px; line-height:50px; padding:70px 5% 100px; text-align:center;}

.classList{ width:calc( 100% + 40px); margin-left:-20px; display:flex; flex-wrap:wrap;}
.classList .classListItem{ width:calc( 25% - 40px); margin:0 20px 40px; background:#FFFFFF; border-radius:10px; overflow:hidden; box-shadow:rgba(114,114,114,0.3) 0 0 10px;}
.classList .classListItem .classListImg{ width:100%; position:relative; overflow:hidden;}
.classList .classListItem .classListImg:before{ content:''; display:block; padding-top:calc( 100% * 220 / 300);}
.classList .classListItem .classListBot{ padding:25px 25px 30px;}
.classList .classListItem .classListBot .classListTitle{ font-size:18px;height:50px; font-weight:bolder; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;margin-bottom:20px; }
.classList .classListItem .classListBot .classListSmall{ font-size:12px; line-height:24px; height:50px; margin:15px 0; display:none; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.classList .classListItem .classListBot .classListMore{ width:120px; line-height:38px; border-radius:40px; border:#008da8 solid 1px; text-align: center; font-size:16px;}

.classTuku{ position:relative; width:100%; overflow:hidden;}

.tukuArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999;}

.tkBox{ position:relative;}
.tkBox .tkBoxMask{ background:#FFFFFF; width:1000%; position:absolute; right:100%; height:100%; z-index:998;}
.tkBox .tkNei{ width:calc( 100% + 40px);}
.tkBox .tkNei .tuku{ width:calc(( 100% / 3 ) * 2);}
.tkBox .tkNei .tuku .slick-list{ overflow:inherit;}
.tkBox .tkNei .tuku .tukuItem{ padding-right:40px; width:440px;height: 330px; position:relative; border-radius:10px; overflow:hidden;}
.tkBox .tkNei .tuku .tukuItem .tukuBg{ width:100%; /*position:relative;*/ border-radius:10px; overflow:hidden;}
.tkBox .tkNei .tuku .tukuItem .tukuBg .tukuBgImg{ width:100%; position:relative;}
.tkBox .tkNei .tuku .tukuItem .tukuBg .tukuBgImg:before{ content:''; display:block; padding-top:calc( 100% * 500 / 400);}
.tkBox .tkNei .tuku .tukuItem .tukuBg .tukuBgTitle{ width:calc(100% - 40px); height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); z-index:9; transition:all ease 0.75s;}
.tkBox .tkNei .tuku .tukuItem .tukuBg .tukuBgTitle div{ padding:40px 50px; font-size:24px; line-height:34px; position:absolute; left:0; bottom:0; color:#FFFFFF;}

.tkBox .tkNei .tuku .tukuItem .tukuMask{ display:flex; justify-content:center; flex-direction:column; width:calc( 100% - 40px); height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); z-index:9; padding:50px; border-radius:10px; overflow:hidden; opacity:0; transition:all ease 0.75s;}
.tkBox .tkNei .tuku .tukuItem .tukuMask .tukuMaskTitle{ font-size:24px; color:#FFFFFF;}
.tkBox .tkNei .tuku .tukuItem .tukuMask .tukuMaskSmall{ font-size:16px; color:#FFFFFF; line-height:28px; margin:20px 0 65px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; max-width:590px; width:90%;}
.tkBox .tkNei .tuku .tukuItem .tukuMask .tukuMaskMore{ width:150px; line-height:46px; text-align:center; border-radius:45px; background:#FFFFFF; font-size:16px;}

/*.tkBox .tkNei .tuku .tukuItem.slick-active{ width:940px;}*/
/*.tkBox .tkNei .tuku .tukuItem.slick-active .tukuBg .tukuBgImg:before{ content:''; display:block; padding-top:calc( 100% * 500 / 900);}*/
/*.tkBox .tkNei .tuku .tukuItem.slick-active .tukuBg .tukuBgTitle{ opacity:0;}*/
/*.tkBox .tkNei .tuku .tukuItem.slick-active .tukuMask{ opacity:1;}*/

{}

.classDetail{ margin:125px auto 250px; /*display:flex; justify-content:space-between;*/}
.classDetail .classDetailLeft{ /*width:calc( 100% * 610 / 1320);*/    text-align: center;}
.classDetail .classDetailLeft .classDetailTitle{ font-size:46px; margin-bottom:40px;}
.classDetail .classDetailLeft .classDetailSmall{ font-size:16px; line-height:30px;text-align:left;padding:0px 15% 15px}
.classDetail .classDetailRight{ /*width:calc( 100% * 600 / 1320);  */text-align: center;padding:0px 15%}
.classDetail .classDetailRight .video{ width:100%; position:relative;}
.classDetail .classDetailRight .video #video_button{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.4); display:flex; justify-content:center; align-items:center; cursor:pointer;}
.classDetail .classDetailRight .video #video_button2{ width:100%; margin:auto; position: relative; z-index: 1; object-fit:cover;}

{}

.neibannerText3{}

.highForm{ width:90%; max-width:620px; height:60px; display:flex; align-items:center; padding:0 20px; background:#FFFFFF; border-radius:5px;}
.highForm input[type="text"]{ line-height:60px; width:100%;}
.highForm input[type="text"]::-ms-input-placeholder{ font-size:18px; color:#cccccc;}
.highForm input[type="text"]::-webkit-input-placeholder{ font-size:18px; color:#cccccc;}
.highForm input[type="text"]::-moz-placeholder{ font-size:18px; color:#cccccc;}
.highForm input[type="text"]::-moz-placeholder{ font-size:18px; color:#cccccc;}
.highForm input[type="submit"]{ background:url(../images/k4.png) no-repeat 50%; width:20px; cursor:pointer; height:60px; flex-shrink:0;}

.highList{ margin:140px auto 300px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.highList .highItem{ width:calc( 25% - ( 27px * 3 / 4)); box-shadow:rgba(14,114,114,0.3) 0 0 10px; border-radius:10px; padding:30px 30px 45px; background:#FFFFFF;}
.highList .highItem .highItemTitle{ font-size:20px;}
.highList .highItem .highItemImg{ overflow:hidden; width:100%; position:relative;}
.highList .highItem .highItemImg:before{ content:''; display:block; padding-top:calc( 100% * 245 / 250);}
.highList .highItem .highItemLine{ display:table; width:100%; margin:20px 0 10px;}
.highList .highItem .highItemLine .highLineBox{ display:table-row;}
.highList .highItem .highItemLine .highLineBox .highLineBg{ display:table-cell; height:30px; vertical-align:middle;}
.highList .highItem .highItemLine .highLineBox .highLineBg .highLineNei{ width:100%; height:12px; border-radius:12px; overflow:hidden; background:#e8f0f2;}
.highList .highItem .highItemLine .highLineBox .highLineBg .highLineNei div{ border-radius:12px; height:100%;}

.highList .highItem .highItemLine .highLineBox:nth-child(1) .highLineBg .highLineNei div{ background:#008da8;}
.highList .highItem .highItemLine .highLineBox:nth-child(2) .highLineBg .highLineNei div{ background:#6cb344;}
.highList .highItem .highItemLine .highLineBox:nth-child(3) .highLineBg .highLineNei div{ background:#d7c427;}
.highList .highItem .highItemLine .highLineBox:nth-child(4) .highLineBg .highLineNei div{ background:#cd27d7;}
.highList .highItem .highItemLine .highLineBox:nth-child(5) .highLineBg .highLineNei div{ background:#4483b3;}
.highList .highItem .highItemLine .highLineBox:nth-child(6) .highLineBg .highLineNei div{ background:#008da8;}

.highList .highItem .highItemLine .highLineBox .highLineYear{ display:table-cell; height:30px; vertical-align:middle; text-align:right; font-size:12px; color:#CCCCCC; width:40px;}

.highList .highItem .highItemNum{ display:flex; align-items:baseline; margin-bottom:35px;}
.highList .highItem .highItemNum span:nth-child(1){ font-size:34px; color:#008da8;}
.highList .highItem .highItemNum span:nth-child(2){ font-size:20px;}

.highList .highItem .highItemMore{ display:flex; justify-content:center; margin-top:10px;}
.highList .highItem .highItemMore a{ display:flex; align-items:center; font-size:18px; color:#008da8;}
.highList .highItem .highItemMore a span{ margin-right:10px;}

{}

.caseList.baseList .baseListItem{ border:none; transition:all ease 0.75s; padding:25px;}
.caseList.baseList .baseListItem:hover{ box-shadow:rgba(114,114,114,0.3) 0 0 10px;}
.caseList.baseList .baseListItem .baseListImg{ width:160px;}
.caseList .baseListStyle{ color:#999999; }
.caseList .baseListTitle{ line-height: 30px; height:60px;}
.caseList .baseListSmall{line-height:30px; height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }

{}

.case1{ font-size:36px; margin:100px auto 40px;}

.caseSelected{ position:relative;}
.caseSelected .caseSelArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999; display:none;}

.caseSel{ width:90%; max-width:1360px; margin:0 auto;}
.caseSel .caseSelItem{ margin:0 20px 110px; box-shadow:rgba(114,114,114,0.3) 0 0 5px; border-radius:10px; background:#FFFFFF; overflow:hidden;}
.caseSel .caseSelItem .caseSelImg{ width:100%; position:relative; overflow:hidden;}
.caseSel .caseSelItem .caseSelImg:before{ content:''; display:block; padding-top:calc( 100% * 220 / 280);}
.caseSel .caseSelItem .caseSelText{ padding:25px 25px 40px;}
.caseSel .caseSelItem .caseSelText .caseSelStyle{ color:#999999;}
.caseSel .caseSelItem .caseSelText .caseSelTitle{ font-size:20px; line-height:30px; height:60px; margin:10px 0 5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.caseSel .caseSelItem .caseSelText .caseSelSmall{ font-size:16px;}

{}

.voice{ background:url(../images/bg2.png) no-repeat 50% 0; padding-top:150px;}

.voiceBox{ width:90%; max-width:900px; margin:0 auto 0px;}
.voiceBox .voiceBoxTitle{ font-size:48px; font-weight:bolder; padding-bottom:20px; border-bottom:#dcdcdc solid 1px; margin-bottom:60px;}

.voiceBoxList{}
.voiceBoxList .voiceItem{ display:flex; margin-bottom:50px;}
.voiceBoxList .voiceItem .voiceIcon{ width:75px; flex-shrink:0;}
.voiceBoxList .voiceItem .voiceText{}
.voiceBoxList .voiceItem .voiceText .voiceTop{}
.voiceBoxList .voiceItem .voiceText .voiceTop span{ color:#666666; margin-right:10px;}
.voiceBoxList .voiceItem .voiceText .voiceTitle{ font-size:24px; line-height:36px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-align:justify; font-weight:bolder; margin:5px 0 10px;}
.voiceBoxList .voiceItem .voiceText .voiceSmall{ font-size:16px; line-height:28px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-align:justify;}

{}

.neibannerText4{ font-size:48px; line-height:64px; max-width:660px;margin-bottom: 30px}

.cdSmall{ height:0; position:relative;}
.cdSmall .cdSmallBox{ position:absolute; right:0; bottom:-50px; box-shadow:rgba(114,114,114,0.3) 0 0 10px; background:#FFFFFF; padding:40px 45px; max-width:480px;}
.cdSmall .cdSmallBox .cdSmallBox1{ font-size:20px; line-height:2em; font-weight:bolder;}
.cdSmall .cdSmallBox .cdSmallBox2{ font-size:16px; line-height:2em;}

.caseDetail{ width:90%; max-width:900px; margin:50px auto 130px;font-size: 16px;line-height: 26px}
.caseDetail p{ margin-bottom: 10px}
.caseDetail .caseDetailImg{ width:100%;}
.caseDetail .caseDetailImg img{ width:100%;}

.title1{ margin-top:75px; margin-bottom:15px; font-size:46px; font-weight:bolder;}
.title2{ font-size:24px; margin-bottom:15px;}
.small2{ font-size:16px; line-height:30px;}

.sycp{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.sycp .sycpItem{ width:calc( 50% - 20px); padding-right:20px; margin:20px 0; border-top:#008da8 solid 5px; box-shadow:rgba(114,114,114,0.3) 0 0 10px; display:flex;}
.sycp .sycpItem .sycpImg{ width:190px; flex-shrink:0; position:relative; overflow:hidden; margin-right:10px;}
.sycp .sycpItem .sycpImg:before{ content:''; display:block; padding-top:100%;}
.sycp .sycpItem .sycpText{ display:flex; flex-direction:column; justify-content:space-between; padding:25px 0 40px;}
.sycp .sycpItem .sycpText .sycpTitle{ font-size:20px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.sycp .sycpItem .sycpText .sycpMore{ display:flex; align-items:center; color:#008da8; font-size:16px;}
.sycp .sycpItem .sycpText .sycpMore span{ margin-right:10px;}

.ckwx{ padding:30px; border:#e5e5e5 solid 1px; border-radius:10px; margin-top:70px;}
.ckwx .ckwxTitle{ font-size:20px; line-height:2em;}
.ckwx .ckwxBox{ display:flex; flex-direction:column;}
.ckwx .ckwxBox a{ padding-right:30px; font-size:16px; line-height:2em; color:#006fc5; background:url(../images/p16.png) no-repeat 100% 50%; width:fit-content;}

{}


.memberBox{ margin:135px auto 240px; display:flex; overflow:hidden; position:relative; }
.memberBox .memberLeft{ width:280px; flex-shrink:0; margin-right:60px; position:relative;}
.memberLeftIcon {
    width: 35px;
    line-height: 30px;
    text-align: right;
    font-size: 20px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    position: absolute;
    left: 100%;
    top: 30px;
    border: #ededed solid 1px;
    padding: 0 12px 0;
    display: none;
    background: #FFFFFF;
}
.memberBox .memberLeft .mlBox{ width:100%; border:#ededed solid 1px; border-radius:10px; margin-bottom:20px; background:#FFFFFF;}
.memberBox .memberLeft .mlBox .mlBoxTitle{ font-size:28px; font-weight:bolder; width:calc( 100% - 70px); margin:0 35px; border-bottom:#ededed solid 1px; line-height:80px;}
.memberBox .memberLeft .mlBox .mlBoxMenu{ width:100%;}
.memberBox .memberLeft .mlBox .mlBoxMenu li{ display:flex; align-items:center; padding:0 35px; height:56px; margin:10px 0;}
.memberBox .memberLeft .mlBox .mlBoxMenu li a{ display:flex; align-items:center; justify-content:space-between; font-size:18px; width:100%;}
.memberBox .memberLeft .mlBox .mlBoxMenu li:hover{ background:#f2fdff;}
.memberBox .memberLeft .mlBox .mlBoxMenu li:hover a{ color:#008da8;}

.memberBox .memberLeft .mlBox .mlBoxTel{ font-size:24px; color:#008da8; margin-top:30px; padding:0 35px;}
.memberBox .memberLeft .mlBox .mlBoxCon{ font-size:6px; color:#666666; margin-bottom:30px; padding:0 35px;}

.memberBox .memberRight{ width:100%; border:#ededed solid 1px; border-radius:10px; background:#FFFFFF;}

.mem{ margin-top:75px;}

.memTitle{ width:90%; max-width:615px; margin:0 auto; font-size:30px; font-weight:bolder;}

.phoneForm{ width:90%; display:table; margin:45px auto 130px; max-width:615px; }
.phoneForm .regFormRow{ display:table-row; position:relative;}
.phoneForm .regFormRow .regFormLeft{ display:table-cell; width:130px; vertical-align:middle; height:66px; font-size:18px;}
.phoneForm .regFormRow .regFormLeft span{ color:#ff4f67;}
.phoneForm .regFormRow .regFormRight{ display:table-cell; vertical-align:middle; height:66px; position:relative;}
.phoneForm .regFormRow .regFormRight .inp1{ width:100%; line-height:40px; padding:0 15px; border-radius:40px; border:#ededed solid 1px;}
.phoneForm input::-ms-input-placeholder{ font-size:16px; color:#c2c2c2;}
.phoneForm input::-webkit-input-placeholder{ font-size:16px; color:#c2c2c2;}
.phoneForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.phoneForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.phoneForm .regFormRow .regFormRight .codeBox{ height:40px; border-radius:40px; border:#ededed solid 1px; overflow:hidden; display:flex;}
.phoneForm .regFormRow .regFormRight .codeBox .codeInp{ width:100%; line-height:38px; padding:0 15px;}
.phoneForm .regFormRow .regFormRight .codeBox .getCode{ font-size:16px; line-height:38px; width:135px; text-align:center; cursor:pointer; border-radius:40px; background:#008da8; color:#FFFFFF; flex-shrink:0;}
.phoneForm .regFormRow .regFormRight .fwxy{ display:flex; align-items:center; position:absolute; left:-130px; top:50%; transform:translateY(-50%); cursor:pointer;}
.phoneForm .regFormRow .regFormRight .fwxy input[type="checkbox"]{ margin-right:8px;}

.inp3{ width:180px; line-height:50px; border-radius:40px; background:#fe7415; color:#FFFFFF; cursor:pointer; font-size:18px; }

{}

.memberForm{ width:90%; display:table; margin:0px auto 130px; max-width:560px; }
.memberForm .regFormRow{ display:table-row; position:relative;}
.memberForm .regFormRow .regFormLeft{ display:table-cell; width:160px; vertical-align:middle; height:66px; font-size:16px;}
.memberForm .regFormRow .regFormLeft span{ color:#ff4f67;}
.memberForm .regFormRow .regFormRight{ display:table-cell; vertical-align:middle; height:66px; position:relative;}
.memberForm .regFormRow .regFormRight .inp1{ width:100%; line-height:40px; padding:0 15px; border-radius:40px; border:#ededed solid 1px;}
.memberForm input::-ms-input-placeholder{ font-size:16px; color:#c2c2c2;}
.memberForm input::-webkit-input-placeholder{ font-size:16px; color:#c2c2c2;}
.memberForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.memberForm input::-moz-placeholder{ font-size:16px; color:#c2c2c2;}
.memberForm .regFormRow .regFormRight .codeBox{ height:40px; border-radius:40px; border:#ededed solid 1px; overflow:hidden; display:flex;}
.memberForm .regFormRow .regFormRight .codeBox .codeInp{ width:100%; line-height:38px; padding:0 15px;}
.memberForm .regFormRow .regFormRight .codeBox .getCode{ font-size:16px; line-height:38px; width:135px; text-align:center; cursor:pointer; border-radius:40px; background:#008da8; color:#FFFFFF; flex-shrink:0;}
.memberForm .regFormRow .regFormRight .fwxy{ display:flex; align-items:center; position:absolute; left:-130px; top:50%; transform:translateY(-50%); cursor:pointer;}
.memberForm .regFormRow .regFormRight .fwxy input[type="checkbox"]{ margin-right:8px;}

.memTop{ padding:45px 75px; display:flex; align-items:center;}
.memTop .memTopImg{ width:110px; height:110px; position:relative; border-radius:110px; overflow:hidden; flex-shrink:0; margin-right:20px;}
.memTop .memTopText{}
.memTop .memTopText .memTopTitle{ color:#666666;}
.memTop .memTopText .memTopName{ color:#008da8; font-size:40px;}

.sj{ display:flex; align-items:center; color:#008da8;}
.sj .sjh{ margin-right:10px; font-size:16px;}
.sj a{ color:#008da8; font-size:16px;}

{}

.proBanner{ position:relative;}
.proBanner .proBannerZhan{}
.proBanner .proBannerZhan:before{ content:''; display:block; padding-top:calc( 100% * 680 / 1500);}
.proBanner .proBannerText{ height:100%; display:flex; justify-content:center; flex-direction:column; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.proBanner .proBannerText .proBannerText1{ font-size:48px; color:#FFFFFF; line-height:2em;}
.proBanner .proBannerText .proBannerText2{ font-size:24px; color:#FFFFFF;}
.proBanner .proBannerText .proBannerText3{ display:flex; align-items:center; border:#FFFFFF solid 9px; justify-content:space-between; width:260px; font-size:26px; background:#FFFFFF; border-radius:60px; margin-top:70px;}
.proBanner .proBannerText .proBannerText3 span{ margin-left:30px;}


.proVideo{ margin:60px auto 50px; display:flex; justify-content:space-between;}
.proVideo .classDetailLeft{ width:calc( 100% * 580 / 1320);}
.proVideo .classDetailLeft .classDetailTitle{ font-size:38px; margin-bottom:30px;}
.proVideo .classDetailLeft .classDetailSmall{ font-size:18px; line-height:30px;}
.proVideo .classDetailRight{ width:calc( 100% * 600 / 1320);}
.proVideo .classDetailRight .video{ width:100%; position:relative;}
.proVideo .classDetailRight .video #video_button{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.4); display:flex; justify-content:center; align-items:center; cursor:pointer;}
.proVideo .classDetailRight .video #video_button2{ width:100%; margin:auto; position: relative; z-index: 1; object-fit:cover;}

.proTitle1{ width:100%; text-align:center; font-weight:bolder; font-size:48px;}

.product{ position:relative; margin-bottom:75px;}
.product .productArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999;}
.product .productBox{ width:1360px; margin:0 auto;min-height: 150px}
.product .productBox .productItem{ margin:30px 22px 30px 22px; box-shadow:rgba(114,114,114,0.3) 0 0 10px; border-radius:10px; padding:15px 15px 30px; background:#FFFFFF;}
.product .productBox .productItem .productImg{ position:relative; overflow:hidden;border-radius: 5px}
.product .productBox .productItem .productImg:before{ padding-top:calc( 100% * 320 / 350); content:''; display:block;}
.product .productBox .productItem .productTitle{ font-size:20px; white-space:pre; overflow:hidden; text-overflow:ellipsis; margin:10px 0;}
.product .productBox .productItem .productSmall{ font-size:16px; line-height:30px;height: 60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-bottom:20px; }
.product .productBox .productItem .productMore{ font-size:16px; color:#008da8;}
.product .productBox .productItem .productMore span{ margin-right:10px;}

.bijiao{ background:#f5f5f5; overflow:hidden; padding: 50px 50px; margin-bottom:100px;}

.bijiaoBox{ position:relative;}
.bijiaoBox .bjLeft{ position:absolute; color:#FFFFFF; font-size:16px; line-height:60px; width:240px;}
.bijiaoBox .bjLeft .bjLeft1{ height:285px;}
.bijiaoBox .bjLeft .bjLeft2{ height:60px; margin-bottom:1px; padding:0 24px; background:#3d4a4d;}
.bijiaoBox .bjLeft .bjLeft3{ height:60px; margin-bottom:1px; padding:0 24px; background:#3d4a4d;}
.bijiaoBox .bjLeft .bjLeft4{ height:60px; margin-bottom:1px; padding:0 24px; background:#3d4a4d;}
.bijiaoBox .bjLeft .bjLeft5{ height:60px; margin-bottom:1px; padding:0 24px; background:#3d4a4d;}
.bijiaoBox .bjLeft .bjLeft6{ height:80px; margin-bottom:1px; padding:12px 24px; line-height:28px; background:#3d4a4d;}
.bijiaoBox .bjLeft .bjLeft7{ height:60px; margin-bottom:1px; padding:0 24px; background:#3d4a4d;}

.bijiaoBox .bjRight{ width:100%; overflow-x:auto;}

.bijiaoBox .bjRight::-webkit-scrollbar { /*滚动条整体样式*/ width:14px; height:14px; position:absolute; left:50%; top:50%;}
.bijiaoBox .bjRight::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:14px;  background: #008da8;}
.bijiaoBox .bjRight::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 14px; background: #e5e5e5;}

.pruductBijiao::-webkit-scrollbar { /*滚动条整体样式*/ width:14px; height:14px; position:absolute; left:50%; top:50%;}
.pruductBijiao::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:14px;  background: #008da8;}
.pruductBijiao::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 14px; background: #e5e5e5;}



/*产品比较---新版start*/
.pruductBijiao{
    display: flex;
    width: 100%;
}
.pruductBijiao .bjLef{
    width: 240px;
}
.bijiaoImg{width: 125px;height: 90px;margin: 10px;border-radius: 3px}
.pruductBijiao .bjLeft>div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin: 1px 0px;
    border-top:1px solid #ffffff;
    background: #3d4a4d;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px;
    width: 240px
}
.pruductBijiao .bjRight{
    width: calc(100% - 240px);
    background: #fff;
    overflow-x: scroll;
    display: flex;
}
.pruductBijiao .bjRight>div{
    flex-shrink:0;
    min-width: 240px;
    width: 50%;
    background: #fff;
    border: 1px solid #f8f8f8;
}
.pruductBijiao .bjRight>div>div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    margin: 1px 0px;
    background: #fff;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 0px 10px;
    line-height: 20px;
}
.bjLeft .proListImg{
    border-top: none!important;
}
.proListImg{
    display: block!important;
    height: 180px!important;
    text-align: center;
    overflow: hidden;
}
.proListImg>h1{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #008da8;
    height: 40px;
    margin-bottom: 10px;
    padding: 0px 10px;
}
.proListImg>p{
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    height: 14px;
    padding: 0px 10px;
}
.pruductBijiao .bjRight::-webkit-scrollbar { /*滚动条整体样式*/ width:14px; height:14px; position:absolute; left:50%; top:50%;}
.pruductBijiao .bjRight::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:14px;  background: #008da8;}
.pruductBijiao .bjRight::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 14px; background: #e5e5e5;}

[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar { /*滚动条整体样式*/ width:14px; height:14px; position:absolute; left:50%; top:50%;}
[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:14px;  background: #008da8;}
[role="region"][aria-labelledby][tabindex]::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 14px; background: #e5e5e5;}

/*产品比较---新版end */



.xlcpbj{ text-align:center; font-size:48px; font-weight:bolder; margin-bottom:50px;}

.proList{ display:table; width:fit-content;}
.proList .proListRow{ display:table-row;}
.proList .proListRow .proListL{ display:table-cell; width:240px;}
.proList .proListRow .proListL div{ width:240px;}
.proList .proListRow .proList1{ display:table-cell; background:#FFFFFF; border-bottom:#f5f5f5 solid 1px; border-right:#f5f5f5 solid 1px; height:285px; padding:5px 10px; vertical-align:middle; text-align:center; width:220px;}
.proList .proListRow .proList1 div{ width:220px;}
.proList .proListRow .proList1 .proListImg1{ height:150px; display:flex; justify-content:center; align-items:center;}
.proList .proListRow .proList1 .proListTitle1{ font-size:16px; line-height:30px; text-align:center; color:#008da8;}

.proList .proListRow .proList2{ display:table-cell; background:#FFFFFF; border-bottom:#f5f5f5 solid 1px; border-right:#f5f5f5 solid 1px; height:61px; padding:5px 10px; vertical-align:middle; text-align:center; width:220px;}
.proList .proListRow .proList3{ display:table-cell; background:#FFFFFF; border-bottom:#f5f5f5 solid 1px; border-right:#f5f5f5 solid 1px; height:81px; padding:5px 10px; vertical-align:middle; text-align:center; width:220px;}

{}


.proDetail{ position:relative;}

.proDetail1{ background:#f5f5f5; overflow:hidden; padding:100px 0 0px;}
.proDetail11{ text-align:center; font-size:48px; font-weight:bolder; margin-bottom:50px;}
.proDetail12{ width:45%;margin:45px auto;}
.proDetail12 .video{ width:100%; position:relative;text-align: center}
.proDetail12 .video #video_button{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.4); display:flex; justify-content:center; align-items:center; cursor:pointer;}
.proDetail12 .video #video_button2{ width:100%; margin:auto; position: relative; z-index: 1; object-fit:cover;}
.proDetail13{ width:90%; max-width:900px; margin:0 auto 20px; font-size:18px; line-height:30px;}

.title3{ width:90%; max-width:900px; margin:25px auto 35px; display:flex; align-items:center; font-size:48px;}
.title3 img{ margin-right:15px;}

.w90{ width:90%; max-width:900px; margin:0 auto;}

.tedian{ display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:#e5e5e5 solid 1px; padding-bottom:60px;}
.tedian .tedianItem{ width:calc( 50% - 20px); margin-bottom:30px; background:url(../images/p21.png) no-repeat;background-size: 100% 100%; border-radius:15px; border-bottom-left-radius:0; padding:25px 25px 15px; font-size:16px;}
.tedian .tedianItem .tedianTitle{ font-weight:bolder;}
.tedian .tedianItem .tedianLine{ width:35px; height:2px; background:#008da8; margin:10px 0 15px;}
.tedian .tedianItem .tedianSmall{ line-height:26px; color:#666666;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}

.yingyong{ border-bottom:#e5e5e5 solid 1px; padding-bottom:60px; font-size:18px; line-height:32px;}

.ziyuan{ position:relative;}
.ziyuan .ziyuanArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999;}
.ziyuan .ziyuanBox{ max-width:930px; margin:0 auto 10px;}

.ziyuanItem{ margin:0 15px 20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:rgba(0,0,0,0.10) 0 0 10px; padding:15px 30px 30px; border-top:#008da8 solid 3px;}
.ziyuanItem .ziyuanTitle{ color:#999999;height: 40px;line-height:20px;overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.ziyuanItem .ziyuanSmall{ font-size:20px; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:60px; margin:10px 0 45px; }
.ziyuanItem .ziyuanMore{ font-size:16px; color:#008da8; display:flex; align-items:center;}
.ziyuanItem .ziyuanMore span{ margin-right:10px;}


.canshu{ border-bottom:#000000 solid 1px; border-top:#000000 solid 2px; display:table; font-size:16px;}
.canshu .canshuTh{ display:table-row;}
.canshu .canshuTh .canshuTd{ display:table-cell; text-align:center; vertical-align:middle; height:60px; background:#eceef1; border-bottom:#e1e3e6 solid 1px;}
.canshu .canshuTh .canshuTd:nth-child(1){ border-right:#e1e3e6 solid 1px;}
.canshu .canshuTr{ display:table-row;}
.canshu .canshuTr .canshuTd{ display:table-cell; text-align:center; vertical-align:middle; height:60px; background:#ffffff; border-bottom:#e1e3e6 solid 1px; padding: 10px;}
.canshu .canshuTr .canshuTd:nth-child(1){ border-right:#e1e3e6 solid 1px;}

.ptrj{ position:relative; overflow:hidden;}
.ptrj .ptrjArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:30%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999;}

.ptrjBox{ width:930px; margin:0 auto 200px !important; max-width: 90%;}

.ptrjItem{ border-radius:5px;  box-shadow:rgba(0,0,0,0.10) 0 0 10px; margin:10px 15px;}
.ptrjItem .ptrjImg{ width:100%; position:relative; overflow:hidden;}
.ptrjItem .ptrjImg:before{ content:''; display:block; padding-top:calc( 100% * 220 / 280);}
.ptrjItem .ptrjText{ padding:20px;}
.ptrjItem .ptrjText .ptrjTitle{ font-size:20px; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
.ptrjItem .ptrjText .ptrjSmall{ font-size:16px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; height:60px; margin:10px 0 45px;}
.ptrjItem .ptrjText .ptrjMore{ font-size:16px; color:#008da8; display:flex; align-items:center;}
.ptrjItem .ptrjText .ptrjMore span{ margin-right:10px;}

.datailLeftBox{ position:fixed; top:30%; left:30px;/* transform:translateX(-50%);*/ z-index:9999;width:135px}
@media screen and (max-width: 1100px) {
    .datailLeftBox{ display: none};
}

.datailLeft{ /*left:-210px; position:absolute; top:0;*/ width:135px;background-image: linear-gradient(#24c750, #0290a3); border-radius:5px; padding:25px 7px;}
.datailLeft .datailLeft1{ margin-bottom:25px; text-align:center;}
.datailLeft .leftMenu{ display:flex; background:#FFFFFF; flex-direction:column; align-items:center; border-radius:5px; padding:10px; font-size:18px; line-height:34px; text-align:center;}
.datailLeft .leftMenu li{ width:100%; cursor:pointer;}
.datailLeft .leftMenu li:hover{ color:#FFFFFF; background:#008da8; border-radius:30px;}
.datailLeft .leftMenu li.on{ color:#FFFFFF; background:#008da8; border-radius:30px;}
.datailLeft .datailLeft2{ font-size:16px; text-align:center; color:#FFFFFF; margin-top:20px;}
.datailLeft .datailLeft3{ font-size:18px; text-align:center; color:#FFFFFF;line-height: 30px}

{}

.banner{ position:relative;}
.banner .bannerZhan{ position:relative;}
.banner .bannerZhan:before{ display:block; content:''; padding-top:calc( 100% * 835 / 1320);}
.banner .bannerBox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner .bannerBox .swiper{ width:100%; height:100%;}
.banner .bannerBox .swiper .swiper-wrapper{ width:100%; height:100%;}
.banner .bannerBox .swiper .swiper-wrapper .swiper-slide{ width:100%; height:100%;}
.banner .bannerBox .bannerLink{ width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.banner .bannerBox .bannerLink .bannerText{ display:flex; flex-direction:column; color:#FFFFFF; position:relative;top:-100px}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ position:relative; z-index:9; font-size:48px; color:#fff; line-height:60px; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText1{ transform:translateY(-20px); opacity:1;width:75%}

.banner .bannerBox .bannerLink .bannerText .bannerText2{ position:relative; z-index:9; color:#FFFFFF; line-height:40px; font-size:26px; opacity:0.5; transform:translateY(30px); transition:all ease-in 0.75s 0.5s; margin:40px 0 30px; max-width:760px;}
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText2{ transform:translateY(-20px); opacity:1;}

.banner .bannerBox .bannerLink .bannerText .bannerText3{ width:190px; height:60px; background:#ee7624; color:#FFFFFF; border-radius:60px; text-align:center; line-height:60px; opacity:0.5; transition:all ease-in 0.75s 0.5s; z-index:5; }
.banner .bannerBox .swiper-slide-active .bannerLink .bannerText .bannerText3{ transform:translateY(-20px); opacity:1;}

.banner .bannerIcon{ display:flex; align-items:center; position:absolute; left:50%; bottom:155px; transform:translateX(-50%); z-index:9999; cursor:pointer; height:0;}
.banner .bannerIcon img{ margin-right:32px;}
.banner .bannerBox .swiper-pagination{ left:50%; transform:translateX(-50%); height:0px; align-items:center; bottom:65px; }
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet{ opacity:1; border-radius:0; width:60px; height:4px; margin-left:10px; background:rgba(255,255,255,1); transition:all ease 0.5s;}
.banner .bannerBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background:rgba(254,94,16,1);}

.banner .bannerLink2{ width:850px; position:absolute; bottom:0; right:90px; height:90px; display:flex; align-items:center; justify-content:space-around; transform:rotate(90deg); z-index:9; background:rgba(0,0,0,0.30);    transform-origin: right bottom;}
.banner .bannerLink2 a{ white-space:pre; opacity:0.5; color:#FFFFFF; text-transform:uppercase;}
.banner .bannerLink2 a:hover{ opacity:1;}

.bannerIc{ position:relative; bottom:135px; left:50%;top:-300px; transform:translateX(-50%); width:1390px; display:flex; z-index: 999;}
.bannerIc li{ width:calc( 25% - 70px); margin:0 35px; position:relative; font-size:20px; line-height:32px; color:#FFFFFF; cursor:pointer;}
.bannerIc li:before{ width:70px; height:3px; border-radius:5px; background:#FFFFFF; content:''; display:block; position:absolute; left:0; top:-5px; transition:width ease 3s;}
.bannerIc li.on:before{ width:100%; height:4px;}

.indexProDiv{margin: 100px auto}
.indexPro{ display:flex;}
.indexPro .indexProLeft{ width:50%;}
.indexPro .indexProLeft .indexProTitle{}
.indexPro .lunbo{padding: 10px 30px 10px 0px;display: flex;justify-items: center;align-items: center;height: 454px}


.indexPro .indexProLeft .indexProTitle img{ transform:translate(-70px,0);height: 150px}
.indexPro .indexProLeft .layui-carousel img{ object-fit: contain}
.indexPro .indexProLeft .indexProTuku{ display:flex; align-items:center; justify-content:space-between; max-width:610px; position:absolute; opacity:0;}
.indexPro .indexProLeft .indexProTuku.on{ opacity:1; position:relative;}
.indexPro .indexProLeft .indexProTuku .proTukuArrow{ width:48px; cursor:pointer; flex-shrink:0;}
.indexPro .indexProLeft .indexProTuku .proTukuArrow img:nth-child(2){ display:none;}
.indexPro .indexProLeft .indexProTuku .proTukuArrow:hover img:nth-child(1){ display:none;}
.indexPro .indexProLeft .indexProTuku .proTukuArrow:hover img:nth-child(2){ display:block;}
.indexPro .indexProLeft .indexProTuku .proTukuBox{ width:100%; max-width:500px;}
.indexPro .indexProLeft .indexProTuku .proTukuBox img{ max-height: 400px}
.indexPro .indexProLeft .indexProTuku .proTukuBox li{display: flex;align-items: center;justify-content:center;height: 400px}
.indexPro .indexProLeft .indexProTuku .proTukuBox li img{}
.indexProRight{ width:50%;display: flex}





.proSel{ display:flex; align-items:flex-end; width:100%;}
.proSel div{ font-size:22px; line-height:34px;color:#999999; margin-right:40px; cursor:pointer;height:76px;overflow: hidden;padding-bottom:10px;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;  }
.proSel div:hover{ color:#008da8;}
.proSel div.on{ color:#008da8;border-bottom: #008da8 solid 4px;}

.proOpBox{ width:100%; margin:20px 0;padding-top:20px; }
.proOpBox .proOp{ width:100%; display:none;max-height: 400px; }
.proOpBox .proOp .indProItem{ width:100%; margin-bottom:20px;}

.ProItemTop{ width:100%; height:76px; display:flex; align-items:center; padding:10px; border-radius:80px; box-shadow:rgba(0,0,0,0.15) 0 0 10px; background:#FFFFFF; cursor:pointer;}
.ProItemTop .ProItemIcon{ margin-right:20px;}
.ProItemTop .ProItemIcon img:nth-child(2){ display:none;}
.indProItem .ProItemTop .ProItemTitle{ font-size:22px;}

.indProItem.on .ProItemTop{ background:#008da8;}
.indProItem.on .ProItemTop .ProItemTitle{ font-size:22px; color:#FFFFFF;}
.indProItem.on .ProItemTop .ProItemIcon img:nth-child(1){ display:none;}
.indProItem.on .ProItemTop .ProItemIcon img:nth-child(2){ display:block;}

.indProItem:hover .ProItemTop{ background:#008da8;}
.indProItem:hover .ProItemTop .ProItemTitle{ font-size:22px; color:#FFFFFF;}
.indProItem:hover .ProItemTop .ProItemIcon img:nth-child(1){ display:none;}
.indProItem:hover .ProItemTop .ProItemIcon img:nth-child(2){ display:block;}

.proOpBox .proOp .indProItem .indItemDown{ display:none;}
.proOpBox .proOp .indProItem .indItemDown .proDownNei{ padding:10px 20px;}
.proOpBox .proOp .indProItem .indItemDown .proDownNei .proDown1{ font-size:18px; line-height:30px;}
.proOpBox .proOp .indProItem .indItemDown .proDownNei .proDown2{ line-height:26px; color:#666666;overflow: hidden;max-height: 78px}
.proOpBox .proOp .indProItem .indItemDown .proDownNei .proDownLink{ display:flex; align-items:center; color:#008da8; justify-content: flex-end;}
.proOpBox .proOp .indProItem .indItemDown .proDownNei .proDownLink span{ margin-right:10px;}

.index2{ background:url(../images/i5.png) no-repeat 50% 0/100%; overflow:hidden; padding-top:225px;}

.zskSel{ display:flex; align-items:center; margin:0 auto; height:90px; border-bottom:#acdae7 solid 1px; width:fit-content;}
.zskSel li{ cursor:pointer; margin-left:90px; font-size:30px; color:#acdae7; white-space:pre;}
.zskSel li:nth-child(1){ margin-left:0;}
.zskSel li:hover{ color:#FFFFFF;}
.zskSel li.on{ color:#FFFFFF;}

.zskSmall{ font-size:20px; color:#FFFFFF; text-align:center; margin:40px auto 100px;}
.zskSmall li{ display:none;}

.zskTuku{ position:relative; overflow: hidden;}
.zskTuku .zskTukuItem{ position:absolute; opacity:0; z-index:1;}
.zskTuku .zskTukuItem.on{ position:relative; opacity:1; z-index:9;}
.zskTuku .zskTukuItem .zskTukuArrow{ position:absolute; height:0px; width:1600px; max-width:90%; left:50%; top:50%; transform:translateX(-50%); display:flex; justify-content:space-between; align-items:center; cursor:pointer; z-index:999;}
.zskTuku .zskTukuItem .zskTukuBox{ width:1340px; margin:0 auto 0px;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem{ margin:40px 10px 0px;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop{ position:relative; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop .zsltkItemImg{}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop .zsltkItemImg:before{ display:block; content:''; padding-top:calc( 100% * 234 / 420);}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop .zsltkItemIcon{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); position:absolute; z-index:9; left:0; top:0;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop .zsltkItemIcon img:nth-child(2){ display:none;}

.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTitle{ font-size:20px; text-align:center; line-height:90px; color:#027085; background:#e5f6f5; padding:0 25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.zskTuku .zskTukuItem .zskTukuBox .zsltkItem.slick-center{ transform:translateY(-36px);}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem.slick-center .zsltkItemImg:before{ display:block; content:''; padding-top:calc( 100% * 270 / 420);}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem.slick-center .zsltkItemTop .zsltkItemIcon img:nth-child(1){ display:none;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem.slick-center .zsltkItemTop .zsltkItemIcon img:nth-child(2){ display:block;}

.zskMore{ display:flex; justify-content:center;}
.zskMore a{ width:160px; height:60px; font-size:18px; color:#008da8; border:#008da8 solid 1px; border-radius:60px; display:none; justify-content:center; align-items:center;}
.zskMore a.on{ display:flex;}
.zskMore a span{ margin-right:10px;}

.index3{ margin:225px auto;}

.indexTitle3{ font-size:50px; font-weight:bolder;}

.indexAbout{ display:flex; justify-content:space-between; margin-top:20px;}
.indexAbout .ibLeft{ width:calc( 50% - 70px);}
.indexAbout .ibLeft .ibLeft1{ font-size:17px; line-height:32px; color:#666666;}
.indexAbout .ibLeft .ibLeft1>p{text-indent: 32px}
.indexAbout .ibLeft .ibLeft2{ margin:50px 0; display:flex; justify-content:space-between;}
.indexAbout .ibLeft .ibLeft2 .ibLeftItem2{ display:flex; flex-direction:column; align-items:center;}
.indexAbout .ibLeft .ibLeft2 .ibLeftItem2 .ibLeftImg2{}
.indexAbout .ibLeft .ibLeft2 .ibLeftItem2 .ibLeftTitle2{ margin-top:10px; text-align:center; font-size:16px; line-height:24px;}
.indexAbout .ibLeft .ibLeftMore{ height:60px; font-size:18px; color:#008da8; border:#008da8 solid 1px; border-radius:60px; display:flex; justify-content:center; align-items:center; padding:0 20px; width:fit-content;}
.indexAbout .ibLeft .ibLeftMore span{ margin-right:10px;}
.indexAbout .ibRight{ padding-left:30px; width:50%;}

.video{ width:100%; position:relative;}
.video>img{ width:100%; object-fit: cover;}
.video #video_button{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; background:rgba(0,0,0,0.4); display:flex; justify-content:center; align-items:center; cursor:pointer;}
.video #video_button2{ width:100%; margin:auto; position: relative; z-index: 1; object-fit:cover;}

{}


@media screen and (min-width:1200px){

    .moTop{ display:none !important;}
    .moMenuBox{ display:none !important;}


}
@media screen and (max-width:1600px){

    .topNei{ padding: 0 30px;}
    .topMenu .topMenuXun { margin: 0 5px;}
    
    .topYesLogin{ margin-left: 15px;height: 90px;}
    .topXunwen{width: 100px;}
.topXunwen {
    width: 70px;
}

.topXunwen {
    width: 120px;
    line-height: 30px;
    background: #fe7415;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 40px;
    border-bottom-left-radius: 0;
    text-align: center;
}


.topMenu .topMenuXun .topMenuTitle{ font-size:16px; line-height:66px;}
.topNotLogin a {
    padding: 0 10px;
    font-size: 14px;
    color: #008da8;
}

.topNotLogin{ height:30px;}

.topMenu .topMenuXun .topMenuBg{ top:140px;}
.topMenu .topMenuXun .topMenuBox{ top:140px;}
.topMenu .topMenuXun .topMenuBox .topDownTitle {
    font-size: 24px;
    line-height: 85px;
}
.pdXxk a span {
    font-size: 16px;
    color: #FFFFFF;
}
.pdXxk {
    display: flex;
    flex-direction: column;
    width: calc( 100% / 3 - 100px);
}
.productDown .pdOptBoxWai {
    width: calc( 100% / 3 * 2 - -70px);
}
.knowledgeDown a {
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.banner .bannerBox .bannerLink .bannerText .bannerText1{ font-size:36px;}
.banner .bannerBox .bannerLink .bannerText .bannerText2 {
    line-height: 30px;
    font-size: 16px;
    margin: 20px 0 30px;
}
.banner .bannerBox .bannerLink .bannerText .bannerText3 {
    width: 130px;
    height: 40px;
    line-height: 40px;
}
.bannerIc li {
    width: calc( 25% - 70px);
    margin: 0 35px;
    font-size: 16px;
    line-height: 25px;
}
.bannerIc{ width:96%; top: -235px;}

.proSel div {
    font-size: 16px;
    line-height: 34px;
    height: 50px;
}

.ProItemTop {
    height: 60px;
}
.indProItem .ProItemTop .ProItemIcon img{ width:40px;}
.indProItem.on .ProItemTop .ProItemTitle {
    font-size: 16px;
}
.indProItem .ProItemTop .ProItemTitle {
    font-size: 16px;
}

.index2{ padding-top: 135px;}
.zskSel {
    height: 60px;
}
.zskSel li {
    font-size: 24px;
}
.zskSmall {
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    margin: 40px auto 40px;
}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTitle {
    font-size: 16px;
    line-height: 60px;
}

.zskTuku .zskTukuItem .zskTukuArrow img{ width:40px;}
.zskTuku .zskTukuItem .zskTukuBox .zsltkItem .zsltkItemTop .zsltkItemIcon img{ width:90px;}

.zskMore a {
    height: 45px;
    font-size: 16px;
}

.index3 {
    margin: 125px auto;
    
}

.win1320 {
    max-width: 1200px;
}

.zskTuku .zskTukuItem .zskTukuBox{max-width: 1200px;}

.indexTitle3 {
    font-size: 40px;
    font-weight: bolder;
}

.indexAbout .ibLeft .ibLeft1 {
    font-size: 14px;
    line-height: 32px;
    color: #666666;
}
.indexAbout .ibLeft .ibLeft2 .ibLeftItem2 .ibLeftTitle2 {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: bolder;
}

.fo1 .foCenter1 .topNav {
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 20px;
    padding-left: 25px;
}

.title3{ font-size:30px; }
.title3 img{ width:30px;}

.product .productBox{ max-width:1200px;}

.proVideo .classDetailLeft .classDetailTitle {
    font-size: 26px;
    margin-bottom: 30px;
    font-weight: bolder;
}
.proVideo .classDetailLeft .classDetailSmall {
    font-size: 15px;
    line-height: 30px;
}
.proTitle1 {
    width: 100%;
    text-align: center;
    font-weight: bolder;
    font-size: 30px;
}

.class .class1 {
    font-size: 26px;
    line-height: 40px;
    padding: 60px 5% 70px;
    text-align: center;
}

.tukuArrow img{ width:60px;}

.base3 a {
    background: #ebebea;
    line-height: 45px;
    white-space: pre;
    border-radius: 5px;
    text-align: center;
    padding: 0 20px;
    margin: 0 9px 20px;
    font-size: 16px;
}

.classList .classListItem .classListBot .classListTitle {
    font-size: 16px;}
 
.classDetail .classDetailLeft .classDetailTitle {
    font-size: 36px;
    margin-bottom: 20px;
}

.neibannerText4 {
    font-size: 36px;
    line-height: 64px;
    max-width: 660px;
    margin-bottom: 30px;
}

.cebian{ width:70px;}
    
}
@media screen and (max-width:1200px){
    .pc{ display:block;}
    .mo{ display:none;}
    .disable_text_highlighting,body {
        /*去除选中高亮*/
        -webkit-touch-callout: none;
        -webkit-user-select: none;    /* Webkit */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;        /* IE 10  */
        /* Opera 目前不支持在Opera，但将很快 */
        -o-user-select: none;
        user-select: none;
    }

    .top{ display:none;}
    .moTop{ display:flex;}


}
@media screen and (max-width:770px){

.xunjia .xjTop {
    height: 100px;
}
.baseList {
	
    grid-template-columns: 1fr ;
}

.xlcpbj {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 30px;
}
.proDetail12 {
    width: 90%;
    margin: 45px auto;
}

.top{ display:none;}
.bannerIc {
    width: 96%;
    top: -235px;
    opacity: 0;
    pointer-events: none;
}

.banner .bannerZhan {
    position: relative;
    height: 250px;
}
.banner .bannerBox .bannerLink .bannerText .bannerText1 {
    font-size: 16px;
    line-height: 1.5em;
    width: 100% !important;
}
.banner .bannerBox .bannerLink .bannerText .bannerText3 {
    width: 110px;
    height: 30px;
    line-height: 30px;
}
.banner .bannerBox .bannerLink .bannerText .bannerText2{ font-size:14px; margin:10px 0;line-height: 1.5em;}
.banner .bannerBox .bannerLink .bannerText{ top:0;}

.indexProDiv {
    margin: 30px auto;
}

.indexPro{ flex-direction:column;}
.indexPro .indexProLeft{ width:100%;}
.indexProRight{ width:100%;}
.indexPro .lunbo{ padding:5% 0;}

.proSel div {
    font-size: 16px;
    line-height: 34px;
    height: 40px;
    margin-right: 20px;
    -webkit-line-clamp: 1;
}
.cebian{ display:none;}

.indexAbout{ flex-direction:column;}
.indexAbout .ibLeft{ width:100%;}
.indexAbout .ibRight{ width:100%; padding:5% 0;}

.zskSel li {
    cursor: pointer;
    margin-left: 20px;
    font-size: 16px;
    color: #acdae7;
    white-space: pre;
}
.index2 {
    background:url(../images/i5.png) no-repeat 50% 0/135% 65%;
    overflow: hidden;
    padding-top: 55px;
}

.zskTuku .zskTukuItem .zskTukuBox{ width:90%;}

.index3 {
    margin: 50px auto;
}
.indexTitle3 {
    font-size: 30px;
    font-weight: bolder;
}

.fo1 .foCenter1{ display:none;}

.fo2 .foNei2{ height:auto; padding:5% 0; flex-direction:column;}

.fo1 .foLeft1 {
    width: 100%;
}

.product .productBox{ width:90%;}

.product .productArrow img{ width:20px;}

.proDetail11 {
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
    margin-bottom: 0px;
}

.tedian .tedianItem {
    width: 100%;}
    
.canshu .canshuTr .canshuTd:nth-child(1) {
    border-right: #e1e3e6 solid 1px;
    width: 20px;
}

.canshu .canshuTr .canshuTd{ width: 50%;}

.canshu .canshuTr .canshuTd{ padding:10px;}

.navWai{ display:none;}

.proDetail1{ padding-top:45px;}

.class .class1 {
    font-size: 20px;
    line-height: 30px;
    padding: 5% 0 10% 0;
    text-align: center;
}

.tkBox .tkNei {
    width: 100%;
}
.tkBox .tkNei .tuku {
    width: 100%;
}

.tkBox .tkNei .tuku .tukuItem.slick-active {
    width: 400px;
}
.tkBox .tkNei .tuku .tukuItem .tukuMask .tukuMaskTitle {
    font-size: 18px;
    color: #FFFFFF;
}
.tkBox .tkNei .tuku .tukuItem .tukuMask .tukuMaskMore {
    width: 100px;
    line-height: 26px;
    text-align: center;
    border-radius: 45px;
    background: #FFFFFF;
    font-size: 12px;
}

.tkBox .tkNei .tuku .tukuItem .tukuBg .tukuBgImg {
    width: 100%;
    position: relative;
    height: 300px;
}

.tkBox .tkNei .tuku .tukuItem{ padding-right:0;}

.tkBox .tkNei .tuku .slick-list {
    overflow: hidden;
}

.tkBox .tkNei .tuku .tukuItem .tukuMask {
    width: 100%;
}

.base3 a {
    background: #ebebea;
    line-height: 36px;
    white-space: pre;
    border-radius: 5px;
    text-align: center;
    padding: 0 10px;
    margin: 0 5px 20px;
    font-size: 14px;
}
.classList .classListItem { width: 100%;}
    
.classDetail{ flex-direction:column;margin: 5% auto;}  
.classDetail .classDetailLeft { width: 100%;margin-bottom: 40px;}
.classDetail .classDetailLeft .classDetailTitle {
    font-size: 26px;
    margin-bottom: 40px;
}
.classDetail .classDetailRight{ width: 100%;}
  
.neibanner .neibannerText .neibannerText1 {
    font-size: 20px;
    color: #FFFFFF;
    line-height: 2em;
}  
.neibanner .neibannerZhan {
    height: 300px;
}

.proVideo { flex-direction: column;
    margin: 10% auto;}
.proVideo .classDetailLeft{ width: 100%; margin-bottom: 40px;}
.proVideo .classDetailRight{ width: 100%;}
 
.pruductBijiao .bjLeft>div{ width:100px; padding:10px;}
.pruductBijiao .bjRight {
    width: 100%;}
.pruductBijiao .bjRight>div {
    min-width: 180px;
}    

.baseList .baseListItem{ width: 100%;padding: 5%; flex-direction: column;}    
.baseList .baseListItem .baseListImg {
    width: 100%; margin-bottom: 20px;}

.baseDetail .title {
    font-size: 24px;
    line-height: 40px;
}
.baseDetail {
    width: 900px;
    max-width: 90%;
    position: relative;
    margin: 0px auto 150px;
}
.baseDetail .small {
    flex-direction: column;
}

.highList .highItem {
    width: 100%; margin-bottom: 40px;}
.highList{ margin-bottom: 40px;}

.regBox .regLeft{ display:none;}

.regBox .regRight{ padding:5%;}
.regForm .regFormRow{ display:flex; flex-direction:column;}
.regForm .regFormRow .regFormLeft{ width:100%; height: 36px; pointer-events:none;margin-top: 15px;}
.regForm .regFormRow .regFormLeft br{ display:none;}

.yyzh {
    font-size: 14px;
    color: #999999;
}
.yyzhLink {
    font-size: 14px;
    color: #008fb4;
    border-bottom: #008fb4 solid 1px;
}

.regBox .regRight .regRightTop .regName{ font-size:14px;}
.regForm .regFormRow .regFormRight .fwxy {
    display: flex;
    align-items: center;
    position: absolute;
    left:0px;
    top:0%;
    transform: translateY(-50%);
    cursor: pointer;
}
.regForm .regFormRow .regFormRight{ height:auto;}

.regForm .regFormRow:nth-last-child(1){ position: relative;
    z-index: 1;}
.regForm .regFormRow:nth-last-child(2){  position: relative;
    z-index: 9;}

.regForm .regFormRow .regFormRight .inp2 {
    width: 60%;
    line-height: 45px;
    border-radius: 40px;
    background: #008da8;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    margin: 0 20%;
}

.memberLeftIcon { display:block;}
.memberBox .memberLeft{ position:absolute; left:-280px;z-index: 9; transition:ease all 0.75s;}
.memberBox .memberLeft.on{ left:0;}

.memTop{ padding:5%;}
.memTop .memTopImg {
    width: 40px;
    height: 40px;}
.memTop .memTopText .memTopName {
    color: #008da8;
    font-size: 18px;
}

.memberForm .regFormRow{ display:flex; flex-direction:column;}
.memberForm .regFormRow .regFormLeft {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 36px;
    font-size: 16px;
}
.memberBox .memberRight {
    padding-top: 50px;}
.inp3 {
    margin: 0 auto;
    display: block;
}

.phoneForm .regFormRow{ display:flex; flex-direction:column;}
.phoneForm .regFormRow .regFormLeft {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 40px;
    font-size: 18px;
}

.memberBox {
    margin: 35px auto 40px;}
.mem {
    margin-top: 15px;
}

.xunjiaForm .regFormRow{ display:flex; flex-direction:column;}
.xunjiaForm .regFormRow .regFormLeft {
    width: 100%;
    height: 30px;
    font-size: 16px;
    line-height: 30px !important;
}
.xunjiaForm input::-ms-input-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm input::-webkit-input-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm input::-moz-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm input::-moz-placeholder{ font-size:14px; color:#c2c2c2;}

.xunjiaForm textarea::-ms-input-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm textarea::-webkit-input-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm textarea::-moz-placeholder{ font-size:14px; color:#c2c2c2;}
.xunjiaForm textarea::-moz-placeholder{ font-size:14px; color:#c2c2c2;}

.xunjiaForm .regFormRow .regFormRight .inp5{ margin-bottom:0;}
.xunjiaForm .regFormRow:nth-last-child(2) .regFormRight{ margin-bottom:0;}
.xunjiaForm .regFormRow .regFormRight .inp2 {
    line-height: 40px;
    font-size: 14px;
}
.xunjiaForm .regFormRow .regFormRight {
    display: table-cell;
    vertical-align: middle;
    height: auto;
    position: relative;
    margin-bottom: 10px;
}

.zxfwrx{ display:block;}

.xunjiaForm .regFormRow:nth-last-child(2) .regFormRight{ margin-top:10px;}
.xunjia .xj2 .xjNei2 {
    margin-right: 0;
    bottom: 0;
    right: 0;
    position: relative;
    min-width: 100%;
    padding: 5%;
    border-radius: 10px;
    background: #fe7415;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.xunjia .xj2 {
    width: 100%;
    height: auto;
    position: relative;
}
.xunjia .xj2 .xjNei2 .xjNei21{ display:none;}
.xunjia .xj2 .xjNei2 .xjNei22 {
    font-size: 30px;}
.xunjia .xj2 .xjNei2 .xjNei23 {
    font-size: 14px;}    
.xunjiaForm {
    margin: 5% auto;
}    
    
.ptrjBox {
    width: 930px;
    margin: 0 auto 0px !important;
    max-width: 90%;
}

body{ padding-bottom:63px;}

}
@media screen and (max-width:640px){




}
@media screen and (max-width:420px){




}